<style type="text/css">@import url(../css/calendar.css);</style>
<script language="javascript" src="../js/hotelLib.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="../js/calendar.js" ></script>
<script type="text/javascript" src="../js/calendar-es.js" language="javascript"></script>
<script type="text/javascript" src="../js/calendar-setup.js" language="javascript"></script>
<form name="revProm" action="RevisarProm.php" method="post">
	<table border="0" cellpadding="0" cellspacing="0" align="center">
    	<tr>
        	<td class="formLabel">Seleciona el Hotel a revizar</td>
            <td class="formLabel" >
            	<select name='idHotel'>
            <?php
				$db=new DB();
				$query="Select Id_Hotel,Nombre from hoteles order by Nombre ASC";
				$result=$db->query($query);
				if($db->total()>0){
					while($row=$db->getRow()){
						echo "<option value='{$row[0]}'>{$row[1]}</option>";
					}
				}
				$db->close();
			?>
            </select>
            </td>
        </tr>
        <tr>
        	<td class="formLabel" colspan="2">Seleciona las fechas en las que deseas revizar las promociones</td>
        </tr>
    	<tr>
        	<td class="formLabel" align="right">Fecha Inicial:</td>
            <td><input type="text" id="initDate" readonly="readonly" name="initDate" style="vertical-align:middle;" value="<?php 
			echo $_REQUEST['initDate']; ?>" />
            <img style="vertical-align:middle;" class="btnCalendar" src="../images/calendar.jpg" id="trigger" onMouseOver="this.style.border='1px outset #000000';" onMouseOut="this.style.border='1px outset #CCCCCC';" />
            <script type="text/javascript">
				Calendar.setup(
					{
						inputField : "initDate", // ID of the input field
						ifFormat : "%Y-%m-%d", // the date format
						button : "trigger" // ID of the button
					}
				);
			</script></td>
        </tr>
        <tr>
        	<td class="formLabel" align="right">Fecha Final:</td>
            <td><input type="text" readonly="readonly" id="eventDateEnd" name="eventDateEnd" style=" vertical-align:middle;" value="<?php 
			echo $_REQUEST['eventDateEnd']; ?>" />
            <img style="vertical-align:middle;" class="btnCalendar" src="../images/calendar.jpg" id="trigger2" onMouseOver="this.style.border='1px outset #000000';" onMouseOut="this.style.border='1px outset #CCCCCC';" />
            <script type="text/javascript">
				Calendar.setup(
					{
						inputField : "eventDateEnd", // ID of the input field
						ifFormat : "%Y-%m-%d", // the date format
						button : "trigger2" // ID of the button
					}
				);
			</script></td>
        </tr>
        <tr>
        	<td colspan="2" align="center"><input type="button" value="Buscar" onClick="serchProm(document.revProm);"></td>
        </tr>
    </table>
</form>